<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>寻ta千百度-共创美好社会</title>
    <link rel="stylesheet" href="/css/button.css">
    <link rel="stylesheet" href="/css/mystyle.css" />
    <link type="text/css" rel="stylesheet" href="/css/constant.css"/>
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script>
        L2Dwidget.init({
            "model": {
                //jsonpath控制显示那个小萝莉模型，
                //(切换模型需要改动)
//				"https://unpkg.com/(live2d-widget-model-koharu)@1.0.5/assets/(koharu).model.json"
                jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
                "scale": 1
            },
            "display": {
                "position": "right", //看板娘的表现位置
                "width": 150,  //小萝莉的宽度
                "height": 300, //小萝莉的高度
                "hOffset": 0,
                "vOffset": -20
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
            }
        });
    </script>
</head>
<body>
<div id="head">
    <div id="head_in" style="width:960px; height:100%;margin: 0 auto;text-align: left">
        <span id="station">北京东路</span>
        <span style="float: right">
				<#if user??>
                    用户：${user.username}【<a href="/logout">退出</a>】
				<#else>
                    <a href="/login">登录/注册</a>
                </#if>
            <#if Session["user"]?exists>
                <a href="/myRelease">我的发布</a>
            </#if>
				</span>
    </div>
</div>
<div id="constant">
    <img src="/img/logoko.png" class="first_img" style="width: 260px; height: 210px;"/><img src="/img/bg.png" style="height: 210px; width: 700px; text-align: right; margin-top: -2px;"/>
    <div id="navigation">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <th><a href="/index">网站首页</a></th>
                <th><a href="/findMessage?type=0">寻物启事</a></th>
                <th><a href="/findMessage?type=1">寻宠启事</a></th>
                <th><a href="/findMessage?type=2">寻人启事</a></th>
                <th><a href="/findMessage?type=3">招领启事</a></th>
                <th><a href="#">关于我们</a></th>
            </tr>
        </table>
    </div>
    <div id="search-box">
        <div>
            <form action="/search" method="get">
                <table cellpadding="0" cellspacing="0">
                    <tr style="float: left;border: 1px gainsboro solid; background-color: white;">
                        <td style="width: 26px;height: 26px;"><img src="/img/放大镜.png" style="width: 26px; height: 26px;"/></td>
                        <td style="width: 400px;"><input name="key" type="text" style="height: 26px; width: 400px; border: none; display: inline-block;outline: none;" placeholder="物品搜索"/></td>
                        <td style="width: 60px; border: 1px white solid;"><input type="submit" value="搜索" style="background-color: #4d8bbc; height: 26px; width: 60px; border: none;color: black;"></td>
                    </tr>
                    <tr style="float: right;line-height: 26px;">
                        <td>热门搜索：  </td>
                        <td><a href="/search?key=美女">美女</a> </td>
                        <td><a href="/search?key=身份证">身份证</a></td>
                        <td><a href="/search?key=钥匙">钥匙</a></td>
                        <td><a href="/search?key=手机">手机</a></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>
<div id="main">
    <!--左边内容：网站公告、感谢信、报喜墙（成功案例） -->
    <div id="thank">
        <div class="div_title">
            <img src="img/未标题-1.png"/>
            <span class="div_title_text">网站公告</span>
        </div>
        <div id="notice">
            <marquee direction="up" scrolldelay="1" scrollamount="1" onmouseout="if(document.all!=null){this.start()}" onmouseover="if(document.all!=null){this.stop()}" height="140px;"><#--height:220px;-->
                <ul id="notice_list">
                    <#list notices as notice>
                        <#if notice_index==0>
                            <li style="color: red;font-weight: bold;" class="sp">${notice.content}</li>
                        <#else>
                            <li>${notice.content}</li>
                        </#if>
                    </#list>
                </ul>
            </marquee>
        </div>


        <div class="div_title">
            <img src="img/未标题-1.png"/>
            <span class="div_title_text">招领报喜</span>
            <span style="float: right;"><a href="/thank" target="_blank">我要报喜</a>&nbsp;&nbsp;</span>
        </div>
        <div id="thank_msg">
            <ul id="thank_list">
                <#list thanks as thank>
                    <li><a href="/thankDetail?id=${thank.id}">${thank.title}</a></li>
                </#list>
            </ul>
        </div>


        <div class="div_title">
            <img src="img/未标题-1.png"/>
            <span class="div_title_text">帮助中心</span>
        </div>
        <div id="help">
            <ul id="help_list">
                <li><a href="#">失物招领启事-范文格式</a></li>
                <li><a href="#">感谢信-范文格式</a></li>
                <li><a href="#">关于“拾金不昧”的法律条文</a></li>
                <li><a href="#">关于“拾金不昧”的法律条文</a></li>
                <li><a href="#">关于“拾金不昧”的法律条文</a></li>
            </ul>
        </div>
    </div>
    <!--寻物启事列表-->
    <div id="about">
        <div class="title">
            <img src="img/未标题-1.png" style="float:left" /><h2>关于我们</h2>
        </div>
        <hr />
        <div style="text-align: left">
            <h3 style="text-align: center">寻ta千百度失物招领平台</h3>
            <br>
            <br>
            <p>致力于做中国最大的失物招领平台</p>
            <p>伴随社会科技的飞速发展，人们生活在快节奏的环境里，更离不开诸多的卡、证之类的物品，不慎遗失以后，不但补办麻烦，更会让你寸步难行。</p>
        </div>
    </div>


    <!--<hr color="#CCCCCC" width="650px"  align="left" size="2px" style="margin-left:15px" />-->
</div>
<div id="footer">
    <h1 style="color:#4d8bbc; margin-bottom:10px">Convenient&nbsp;<span style="color:#999">Yourself</span></h1>
    <p style="color:#999">每一个失物的背后，都是一颗急切的心！</p><br>
    <p style="color:#999">创建美好社会，文明你我他！</p>
    <br />
    <p style="color:#999" class="footer3">Copyright &copy;2020&nbsp;&nbsp;邮政编码：334700</p><br />
</div>
<script src="/js/button.js"></script>
<script src="/js/mouse.js"></script>
<script type="text/javascript" src="/js/ppt.js" ></script>

</body>
</html>
